{__NOLAYOUT__}
<!DOCTYPE html>
<html lang="zh">
<head>
    {include file="common/meta" /}
<link href="__CDN____STATIC__/Light-Year/css/bootstrap.min.css?v={$static_version}" rel="stylesheet">
<link href="__CDN____STATIC__/Light-Year/css/materialdesignicons.min.css?v={$static_version}" rel="stylesheet">
<link href="__CDN____STATIC__/Light-Year/css/style.min.css?v={$static_version}" rel="stylesheet">
<link href="__CDN____STATIC__/css/style.css?v={$static_version}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="__CDN____STATIC__/Light-Year/js/jquery-confirm/jquery-confirm.min.css?v={$static_version}">
</head>
  
<body>
<div class="row no-gutters bg-white vh-100">
    <div class="col-md-6 col-lg-7 col-xl-8 d-none d-md-block"
        style="background-image: url({$Think.config.site.login_bg}); background-size: cover;">

    <div class="d-flex vh-100">
        <div class="p-5 align-self-end">
        <img src="{$Think.config.site.logo}" alt="...">
        <br><br><br>
        <p class="text-white">{$site.description}</p>
        </div>
    </div>

    </div>

    <div class="col-md-6 col-lg-5 col-xl-4 align-self-center">
    <div class="p-5">
        <div class="text-center">
        <a href="{:url('/')}">
            <h3 class="login-logo2">{:__('Console center')}</h3> <img alt="{$site.name}" src="{$Think.config.site.logo}" class="login-logo">
        </a>
        </div>
        <p class="text-center text-muted"><small>{:__('Please use your account to log in to the system')}</small></p>

        <form name="form" id="login-form" class="form-vertical" method="POST" action="" onClick="return false;">
            {:token()}
            <div class="form-group">
                <label for="username">{:__('Account')}</label>
                <input type="text" class="form-control" id="account" name="account" placeholder="{:__('Please enter %s',__('Account'))}">
            </div>

            <div class="form-group">
                <label for="password">{:__('Password')}</label>
                <input type="password" class="form-control" id="password" name="password" placeholder="{:__('Please enter %s',__('Password'))}">
            </div>

            <div class="form-group">
                <button class="btn btn-block btn-primary" id="login_btn">{:__('Login')}</button>
            </div>
        </form>
        <p class="text-center text-muted mt-3">Copyright © 
            <script>
                var date = new Date();
                document.write(date.getFullYear());
            </script>
            <a href="{:url('/')}">{$site.name}</a>. All right reserved {notempty name="site.beian"}<a href="https://beian.miit.gov.cn/" target="_blank">{$site.beian}</a>{/notempty}
        <span class="language" data-lang="{$Think.cookie.think_var}">
            <svg t="1609309685662" class="icon" viewBox="0 0 1966 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="4606" width="32" height="32">
                <path
                    d="M1837.17888 63.61088h-641.4336l-8.72448 38.5024h650.15808a90.5216 90.5216 0 0 1 90.39872 90.68544v606.45376c0 49.9712-40.67328 90.68544-90.39872 90.68544H1005.9776l-8.72448 38.5024h839.92576A129.10592 129.10592 0 0 0 1966.08 799.5392V192.79872a129.18784 129.18784 0 0 0-128.90112-129.18784z"
                    p-id="4607" fill="#1296db"></path>
                <path
                    d="M1210.49088 0l-227.7376 991.76448H109.7728A109.7728 109.7728 0 0 1 0 881.99168V109.7728C0 49.152 49.152 0 109.7728 0h1100.71808zM597.48352 204.8h-64.55296v120.4224H327.68v249.856h58.5728v-29.4912h146.67776v202.05568h64.55296V545.5872h155.56608v29.4912h46.77632v-249.856h-202.3424V204.8zM532.0704 378.30656v114.03264H386.2528V378.30656h145.8176z m220.9792 2.048v111.98464h-156.79488V380.35456h156.79488zM1771.1104 666.29632v-125.91104c0-26.46016-1.35168-43.95008-4.096-51.6096a36.2496 36.2496 0 0 0-36.33152-24.82176c-10.89536 0-21.54496 2.99008-30.3104 9.25696a47.59552 47.59552 0 0 0-18.55488 24.576c-3.2768 10.11712-4.9152 29.24544-4.9152 56.5248v111.98464h-65.24928v-246.33344h60.6208v36.0448c21.54496-27.8528 48.57856-41.7792 81.1008-41.7792 13.63968-0.24576 27.0336 2.4576 39.3216 7.65952 12.00128 5.20192 21.01248 11.75552 27.0336 19.94752 5.98016 8.192 10.36288 17.44896 12.53376 27.56608 2.4576 10.11712 3.56352 24.86272 3.56352 43.70432v153.1904h-64.7168zM1295.68768 326.0416h252.3136v57.63072h-183.5008v75.3664h170.68032v57.344h-170.68032v92.5696h190.0544v57.344h-258.8672V326.0416z"
                    p-id="4608" fill="#1296db"></path>
            </svg>
        </span>
        </p>
    </div>
    </div>
</div>

<script type="text/javascript" src="__CDN____STATIC__/Light-Year/js/jquery.min.js?v={$static_version}"></script>
<script type="text/javascript" src="__CDN____STATIC__/Light-Year/js/script.js?v={$static_version}"></script>
<script type="text/javascript" src="__CDN____STATIC__/Light-Year/js/lyear-loading.js?v={$static_version}"></script>
<script type="text/javascript" src="__CDN____STATIC__/Light-Year/js/jquery-confirm/jquery-confirm.min.js?v={$static_version}"></script>
<script>
    $('.language').click(function(){
        if($(this).data('lang')=='en'){
            window.location.href="?lang=zh-cn";
        }else{
            window.location.href="?lang=en";
        }
    });
    $(function(){
        $('#login_btn').click(function(){
            data = $('#login-form').serialize();
            var l = $(this).lyearloading({
                opacity: 0.2,
                spinnerSize: 'nm'
            });
            $(this).attr('disabled','disabled');
            $.post('',data,function(res){
                if(res.code==1){
                    EchoMsg(res.msg);
                    window.location.href = '/';
                }else{
                    EchoMsg(res.msg,1);
                }
            })
            .fail(function () {
                EchoMsg('{:__("Request error, please try again later")}');
            })
            .always(function () {
                $(this).removeAttr('disabled');
                l.destroy();
            });
            return false;
        });
    })
</script>
<script type="text/javascript">;</script>
</body>
</html>
